<template>
    <div>
        <van-nav-bar @click-left="onClickLeft">
            <van-icon name="arrow-left" slot="left" color='black' size='20px'/>
        </van-nav-bar>
         <div class='op'>
            <van-dropdown-menu>
                <van-dropdown-item v-model="valuel" :options="option"  />
            </van-dropdown-menu>
        </div>
        <van-row>
            <van-col span="16" offset="1" class='sp'><p>订单号:<span>1234567893333</span></p></van-col>
            <van-col span="4" offset="3" class='sp1'><p>待支付</p></van-col>
        </van-row>
        <van-card
        num="2"
        price="2.00"
        desc="描述信息"  
        title="商品标题"
        :thumb="imageURL"
        />
        <div class='zhi'>
            <van-row>
                <van-col span="5" offset="1" class='sp2'>共<span>10</span>件</van-col>
                <van-col span="5" class='sp3'>￥<span>888</span></van-col>
                <van-col span="7" class='sp4' offset="6"><button class='btn' @click='tap'>去支付</button></van-col>
            </van-row>
        </div>
    </div>
</template>

<script>
  export default {
    name:'Allorder',
    data () {
        return {
            valuel: 0,
            option: [
                { text: '全部订单', value: 0 },
                { text: '新款商品', value: 1 },
                { text: '活动商品', value: 2 }
            ],
            imageURL:''
        }
    },
    mounted () {
        // axios({
        //     method:'post',
        //     url:'http://10.8.158.3:8080/sportapp/findaddressAll.do',
        //     headers:{'Content-Type':'application/x-www-form-urlencoded'},
        //     data:qs.stringify({
        //         token:_this.$store.state.token,
        //         })
        //     }).then((res)=>{
        //         console.log(res)

        //         // _this.list=res.data.info
        //     })
    },
    methods: {
        onClickLeft(){
            this.$router.go(-1)
        },
        tap(){
            this.$router.push('/sure')
        }
    }
}
</script>

<style scoped>
.op{
    position: fixed;
    top: 0px;
    left: 160px;
    z-index: 50;
}
.sp{
    font-size: 12px;
    color:#535353;
}
.sp1{
    font-size: 12px;
    color:#101010;
}
.zhi{
    width: 375px;
    height: 50px;
}
.sp2{
    font-size: 12px;
    color:#101010;
    line-height: 50px;
}
.sp3{
    font-size: 12px;
    color:#101010;
    line-height: 50px;
}
.btn{
    width: 120px;
    height: 50px;
    border:none;
}
</style>
